<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>main3墨子星健康管家</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="iconfonts/iconfont.css">
    <link rel="stylesheet" href="public/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/css/styles.css">
    <link rel="stylesheet" href="public/css/style.css">
</head>
<body>
<header>
    <div class="row">
        <div class="col-xs-3" style="margin-left: 10px;">
            <i class="iconfont icon-18zhuye" style="font-size: 35px;line-height: 68px;color: white;"></i>
        </div>
        <div class="col-xs-7">
            <span style="line-height: 70px" class="font">墨子星健康管家</span>
        </div>
    </div>
</header>
<section>
    <div class="row section-header-main">
        <div class="col-xs-6" style="padding-right: 0">
            <div class="">
                <i class="iconfont icon-14rentou" style=""></i>
                <span style="" class="font-1 name">周熊</span>
                <span class="font-2 color name" style="">(父亲)</span>&nbsp;<span style="" class="font-3 section-header-font name">58岁</span>
            </div>
        </div>
        <div class="col-xs-6" style="padding: 0">
            <div class="">
                <i class="iconfont icon-zuobiao" style=""></i>
                <span style="" class="font-2 color zuobiao">广州市番蜀区</span>
                <span style="" class="font-3color1 section-header-font2"><i class="iconfont icon-qiehuan font-2 color1 zuobiao" >切换</i></span>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6 section-con" style=" ">
            <div  class="section-con-boder">
                <div class="col-xs-5" style="padding: 0">
                    <i class="iconfont icon-xieyatongzhi xueya-main" style=""></i>
                </div>
                <div class="col-xs-7 pull-right" style="height: 130px;padding: 0">
                    <div class="font-1" style="margin-top: 22px">血压</div>
                    <div class="font-2">120/78<span class="font-4">mmHg</span></div>
                    <div class="font-4">今天15:40PM</div>
                </div>
            </div>
        </div>
        <div class="col-xs-6 section-con" style=" ">
            <div  class="section-con-boder">
                <i class="iconfont icon-tiwen tiwen-main" style=""></i>
                <div class="col-xs-7 pull-right" style="height: 130px;padding: 0">
                    <div class="font-1" style="margin-top: 22px">体温</div>
                    <div class="font-2">37℃</div>
                    <div class="font-4">今天15:40PM</div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6 section-con" >
            <div style="" class="section-con-boder">
                <div style="width:40% ;float: left;height: 115px">
                    <div class="icon-background-main" style="background: #de1a47">
                        <i class="iconfont icon-xinshuai" style=""></i>
                    </div>
                </div>
                <div class="col-xs-7 pull-right" style="height: 115px;padding: 0">
                    <div class="font-1" style="margin-top: 22px">心率</div>
                    <div class="font-2">60/<span class="font-4">min</span></div>
                    <div class="font-4">今天15:40PM</div>
                </div>
            </div>
        </div>
        <div class="col-xs-6 section-con " >
            <div  class="section-con-boder">
                <div style="width:40% ;float: left;height: 115px">
                    <div class="icon-background-main" style="background: #ad82ff;">
                        <i class="iconfont icon-weizhi" style=""></i>
                    </div>
                </div>
                <div class="col-xs-7 pull-right" style="height: 115px;padding: 0">
                    <div class="font-1" style="margin-top: 22px">位置</div>
                    <div class="font-2">广州市番蜀区</div>
                    <div class="font-4">今天15:40PM</div>
                </div>
            </div>
        </div>
    </div>
    <div class="row middle-main" style="padding-top: 8px">
        <div class="col-xs-4" style="padding-left: 10px;padding-right: 0;">
            <i class="iconfont icon-xiezhi" style=""></i><span style="margin-left: 5px" class="font-1">血脂</span>
        </div>
        <div class="col-xs-1 pull-right" style="padding-left: 0">
            <i class="iconfont icon-fanhui1" style=""></i>
        </div>
        <div class="col-xs-5 pull-right xuezhi-col" style="height: 100%;padding-left: 0;text-align: right">
            <div class="font-2"><span style="">总胆固醇</span>&nbsp;4.2<span class="font-4">mmol/L</span></div>
            <div class="font-4" style="">今天15:40PM</div>
        </div>
    </div>
    <div class="row middle-main" style="padding-top: 8px">
        <div class="col-xs-4" style="padding-left: 10px;padding-right: 0">
            <i class="iconfont icon-xieniaosuanfenxi" style=""></i><span style="margin-left: 5px" class="font-1">尿酸</span>
        </div>
        <div class="col-xs-1 pull-right" style="padding-left: 0">
            <i class="iconfont icon-fanhui1" style=""></i>
        </div>
        <div class="col-xs-5 pull-right" style="height: 100%;padding-left: 0;text-align: right">
            <div class="font-2">268<span class="font-4">umol/L</span></div>
            <div class="font-4" style="">今天15:40PM</div>
        </div>
    </div>
    <div class="row middle-main" style="padding-top: 8px" >
        <div class="col-xs-4" style="padding-left: 10px;padding-right: 0">
            <i class="iconfont icon-yundong" style=""></i><span style="margin-left: 5px" class="font-1">运动</span>
        </div>
        <div class="col-xs-1 pull-right" style="padding-left: 0">
            <i class="iconfont icon-fanhui1" style=""></i>
        </div>
        <div class="col-xs-5 pull-right" style="height: 100%;padding-left: 0;text-align: right">
            <div class="font-2"><span style="">步数</span>&nbsp;&nbsp;&nbsp;2000步</div>
            <div class="font-4" style="">今天15:40PM</div>
        </div>
    </div>
</section>
<footer class="footer-main">
    <div class="row">
        <div class="col-xs-3 footer-text">
            <i class="iconfont icon-zhuye" style=""></i>
            <div style="margin-top: -5px;" class="font-2">主页</div>
        </div>
        <div class="col-xs-3 footer-text">
            <i class="iconfont icon-icon" style=""></i>
            <div style="margin-top: -5px;" class="font-2">监测</div>
        </div>
        <div class="col-xs-3 footer-text">
            <i class="iconfont icon-news" style=""></i>
            <div class="font-2">资讯</div>
        </div>
        <div class="col-xs-3 footer-text">
            <i class="iconfont icon-shezhi" style=""></i>
            <div style="margin-top: -5px;" class="font-2">设置</div>
        </div>
    </div>

</footer>

</body>
</html>